<div class="aside-wrap">
    <div class="navi-wrap">
        <!-- nav -->
        <nav ui-nav class="navi subnavi">
            <!-- list -->
            <ul class="nav">
                <li class="padder m-t m-b-sm text-muted text-xs">
                    <span translate="aside.nav.mysql.MYSQL">Mysql</span>
                </li>

                <li class="line dk" style="height: 1px;"></li>

                <li>
                    <a ui-sref="paas.mysql" style="line-height: 24px;font-size:18px;text-align: center !important;color: #777;">
                        <span class="fa fa-chevron-left icon"></span>
                        <!--<span class="font-bold">返回</span>-->
                    </a>
                </li>

                <li class="line dk" style="margin-bottom: 0"></li>

                <li ui-sref-active="active">
                    <a ui-sref="paas.mysqlDetail.basicInfo">
                        <i class="glyphicon glyphicon-calendar icon text-info-dker"></i>
                        <span class="font-bold" translate="aside.nav.mysql.JIBENXINXI">基本信息</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="paas.mysqlDetail.accountManage">
                        <i class="glyphicon glyphicon-stats icon text-primary-dker"></i>
                        <span class="font-bold" translate="aside.nav.mysql.ZHANGHAOGUANLI">账号管理</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="paas.mysqlDetail.databaseManage">
                        <i class="glyphicon glyphicon-briefcase icon"></i>
                        <span class="font-bold" translate="aside.nav.mysql.SHUJUKUGUANLI">数据库管理</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="paas.mysqlDetail.databaseConect">
                        <i class="glyphicon glyphicon-signal"></i>
                        <span class="font-bold" translate="aside.nav.mysql.SHUJUKULIANJIE">数据库连接</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="paas.mysqlDetail.monitorAlarm">
                        <i class="glyphicon glyphicon-signal"></i>
                        <span class="font-bold" translate="aside.nav.mysql.JIANKONGBAOJING">监控与报警</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="app.dashboard-v1">
                        <i class="glyphicon glyphicon-signal"></i>
                        <span translate="aside.nav.mysql.SHUJUANQUAN">数据安全性</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="app.dashboard-v1">
                        <i class="glyphicon glyphicon-signal"></i>
                        <span translate="aside.nav.mysql.FUWUKEYONG">服务可用性</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="app.dashboard-v1">
                        <i class="glyphicon glyphicon-signal"></i>
                        <span translate="aside.nav.mysql.RIZHIGUANLI">日志管理</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="app.dashboard-v1">
                        <i class="glyphicon glyphicon-signal"></i>
                        <span translate="aside.nav.mysql.XINGNENG">性能优化</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="app.dashboard-v1">
                        <i class="glyphicon glyphicon-signal"></i>
                        <span translate="aside.nav.mysql.BEIFENHUIFU">备份恢复</span>
                    </a>
                </li>

                <li ui-sref-active="active">
                    <a ui-sref="app.dashboard-v1">
                        <i class="glyphicon glyphicon-signal"></i>
                        <span translate="aside.nav.mysql.CANSHUSHEZHI">参数设置</span>
                    </a>
                </li>

                <li>
                    <a href class="auto">
                          <span class="pull-right text-muted">
                            <i class="fa fa-fw fa-angle-right text"></i>
                            <i class="fa fa-fw fa-angle-down text-active"></i>
                          </span>
                        <i class="glyphicon glyphicon-briefcase icon"></i>
                        <span class="font-bold" translate="aside.nav.projects.PROJECTMANAGE">项目管理</span>
                    </a>
                    <ul class="nav nav-sub dk">
                        <li class="nav-sub-header">
                            <a href>
                                <span translate="aside.nav.projects.PROJECTMANAGE">项目管理</span>
                            </a>
                        </li>
                        <li ui-sref-active="active">
                            <a ui-sref="app.dashboard-v1">
                                <span translate="aside.nav.projects.PROJECTLIST">项目列表</span>
                            </a>
                        </li>
                        <li ui-sref-active="active">
                            <a ui-sref="app.dashboard-v1">
                                <span translate="aside.nav.projects.CREATEPROJECT">新建项目</span>
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>
            <!-- / list -->
        </nav>
        <!-- nav -->
    </div>
</div>